	<div id="nowplaying">
		<div class="nowplaying_toolbar">
			<div id="titlegroup">
				<div id="nowplaying_artist"><< #artist >></div>
				<div id="nowplaying_title"><< #title >></div>
				<div id="nowplaying_album"><< #album >></div>
			</div>
            <a id="backButton" style="display: block;" class="button" href="" onclick="history.go(-1);return false;">Back</a>
            <a id="viewToggleButton" style="display: block;" class="button" href="#nowplaying?view=playlist" onclick="return ToggleView();">List</a>
        </div>
        
		<div id="errorBox"><div id="errorMsg"></div></div>
		<< BEGIN #albumartview >>
		<div id="albumArtBox">
			<div id="secondaryControlsBox">
				<div id="seekControl">
					<div id="seekPosition">0:00</div>
					<div id="seekBar">
						<img id="seekThumbImg" src="seek-button.png"  />
					</div>
					<div id="seekDuration">3:56</div>
				</div>
				<img id="repeatModeImg" src="button_repeat_none.png" onclick="ToggleRepeatMode();" alt="repeatMode" />
				<img id="modeImg" src="button_shuffle_off.png" onclick="ToggleMode();" alt="mode"/>
			</div>
			<img src="" id="albumArtImg" />
		</div>
		<< END #albumartview >>
		<div id="playlistView">
			<< BEGIN #playlistview >>
			<ul id="playlistlist"><< BEGIN #item >>
				<li class="<< #item_class >>"><a href="#nowplaying" onclick="return PlayIndex(<< #index >>);" ><< #name >></a></li><< END #item >>
			</ul> 
			<< END #playlistview >>
		</div>
		<div id="controlsBox">
			<div id="volumeBar">
				<img id="volumeThumbImg" src="volume-button.png" />
			</div>
			<div id="controlsBar">
				<img id="previousButtonImg" src="button_previous.png" onclick="Previous();" />
				<img id="playPauseButtonImg" src="button_play.png" onclick="PlayPause();" />
				<img id="nextButtonImg" src="button_next.png" onclick="Next();" />
			</div>
		</div>
	</div>